<template>
    <a-table :columns="columns" :data-source="tableData" bordered>
      <template slot="title" >
        产品名称
      </template>
    </a-table>
  </template>
  <script>
  const columns = [
    {
      title: '产品名称',
      dataIndex: 'productName',
      key: 'productName',
      scopedSlots: { customRender: 'productName' },
    },
    {
      title: '配置金额',
      dataIndex: 'configAmount',
      key: 'configAmount',
      scopedSlots: { customRender: 'configAmount' },
    },
    {
      title: '日期',
      dataIndex: 'productRange',
      key: 'productRange',
     
    },
    {
      title: '已到账收益',
      dataIndex: 'earnedIncome',
      key: 'earnedIncome 1',
      ellipsis: true,
    },
    
  ];
  
  const data = [];
  
  export default {
    props:{
      tableData:{
        type:Array,
      }
    },
    data() {
      return {
        data,
        columns,
      };
    },
  };
  </script>
  